<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<script>
    /*
    *三目运算符：
    *   表达式中的 if...else
    *   if(a){
    *       b//多个语句
    *   }else{
    *       c//多个语句
    *   }
    *
    *   转换成三目运算符：也是一个表达式
    *   b和c只能是表达式，也就是不能用分号；去分隔
    *   如果要写多个语句，用逗号分隔
    *
    *   三目运算符有返回值
    *   a ? b : c
    * //对a进行判断，a为真则返回b，a为假则返回c
    *   例如
    *   1 ? (2 ? 3 :4) : 5
    * //如果1为真，返回括号内的整体内容，为假则返回最后冒号后的内容，
    * 因为1为真，所以返回括号内的内容，若括号内2为真，则返回前面的3，否则返回后面的4
    *
    *   三目运算符通常用来进行一些简单的运算和判断
    *   例如：
    *   let state = false
    *   let str = state ? "active" : ""
    *   let dom = document.querySelector(".box")
    *   dom.innerHTML = `<div class = "${str}">输入的东西</div>`
    *
    *   如果不用三目运算符就是这样：
    *   let state = false
    *   let str = ""
    *   if(state){
    *       str = "active"
    *   }else{
    *       str = ""
    *   }
    *   let dom = document.querySelector(".box")
    *   dom.innerHTML = `<div class = "${str}">输入的东西</div>`
    * */

    /*let isHappy = true

    let food = isHappy ? "饭" : "不吃"

    console.log(food)
*/

    /*
    * A&&B 改成三目运算符：A?B:A
    * A||B 改成三目运算符：A?A:B
    *
    * */


</script>
</body>
</html>